<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>评价管理</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./awesome/css/font-awesome.min.css">
</head>
<body class="comment">
<header class="header">
    <div class="header-box">
        <div class="header-hd">
            <div class="topmessage-l">
                <span class="topmessage">亲，请<a href="#">登录 </a>免费<a href="#">注册</a></span>
            </div>
            <div class="topmessage-r">
                <span class="tmr1"><a href="index.html">商城首页</a></span>
                <span class="tmr2"><i class="fa fa-user" aria-hidden="true"></i> <a href="information.html">个人中心</a></span>
                <span class="tmr3"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <a href="cart.html">购物车0</a></span>
                <span class="tmr4"><i class="fa fa-heart" aria-hidden="true"></i> <a href="collection.html">收藏夹</a></span>
            </div>
        </div>
        <div class="logo"><img src="./img/order/logo.png"></div>
        <div class="search">
            <input type="text" placeholder="搜索" id="ipt1">
            <a href="search.html"> <input type="button" value="搜索" id="ipt2"></a>
        </div>
        <div class="header-bd">
            <div class="nav-0">全部分类</div>
            <ul class="clearfix">
                <li class="nav-1"><a href="index.html">首页</a></li>
                <li class="nav-2"><a href="index.html">闪购</a></li>
                <li class="nav-3"><a href="index.html">限时抢</a></li>
                <li class="nav-4"><a href="index.html">团购</a></li>
                <li class="nav-5"><a href="index.html">大包装</a></li>
            </ul>
            <div class="nav-extra">
                <div class="img"><img src="img/order/p4.png"></div>
                <div class="extra">我的福利<</div>
            </div>
        </div>
    </div>
</header>
<div class="tbody clearfix">
    <div class="aside">
        <ul class="aside-list">
            <li class="alst1"><i class="fa fa-user sty" aria-hidden="true"></i>&nbsp;<a class="styz"  href="#">个人中心</a></li>
            <li class="alst2"><i class="fa fa-drivers-license-o sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">个人资料</a>
                <ul>
                    <li><a href="information.html">个人信息</a></li>
                    <li><a href="safe.html">安全设置</a></li>
                    <li><a href="address.html">收货地址</a></li>
                    <li> <a href="pay.html">快捷支付</a></li>
                </ul>
            </li>
            <li class="alst3"><i class="fa fa-balance-scale sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">我的交易</a>
                <ul>
                    <li ><a href="./Orders.html">订单管理</a></li>
                    <li><a href="./change.html">退货售后</a></li>
                    <li class="choosed"><a href="#">商品评价</a></li>
                </ul>
            </li>
            <li class="alst4">&nbsp;<i class="fa fa-dollar sty" aria-hidden="true"></i>&nbsp;<a  class="styz" href="#">我的资产</a>
                <ul>
                    <li><a href="#">我的积分</a></li>
                    <li><a href="#">优惠券</a></li>
                    <li><a href="#">红包</a></li>
                    <li><a href="#">账户余额</a></li>
                    <li><a href="#">账单明细</a></li>
                </ul>
            </li>
            <li class="alst5"><i class="fa fa-tags sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">我的收藏</a>
                <ul>
                    <li><a href="./collection.html">收藏</a></li>
                    <li><a href="./foot.html">足迹</a></li>
                    <li><a href="#">红包</a></li>
                </ul>
            </li>
            <li class="alst6"><i class="fa fa-qq sty" aria-hidden="true"></i>&nbsp;<a class="styz" href="#">在线客服</a>
                <ul>
                    <li><a href="#">商品咨询</a></li>
                    <li><a href="#">意见反馈</a></li>
                    <li><a href="#">我的消息</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="comment-container">
        <div class="comment-head">评价管理/Manage Comment</div>
        <ul class="comment-nav">
            <div>
            <li class="on"><a href="#">所有评价</a></li>
            <li><a href="#">有图评价</a></li>
            </div>
        </ul>
        <div class="box">
            <div class="comment-bd">
                <div class="comment-top">
                    <div class="th1">评价</div>
                    <div class="th2">商品</div>
                </div>
                <div class="comment-main">
                    <div class="commentlist">
                        <div class="pic"><img src="./img/order/cmt1.jpg"></div>
                        <div class="cmt">
                            <p> 宝贝非常漂亮，超级喜欢！！！ 口红颜色很正呐，还有第两支半价，买三支免单一支的活动，下次还要来买。就是物流太慢了，还要我自己去取快递，店家不考虑换个物流么？</p>
                            <span>2017-11-25</span>
                        </div>
                        <div class="intro">
                            <p class="intro-p1">美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                            <p><span>颜色：12#玛瑙</span><br> <span>包装：裸装</span> </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="comment-bd">
                <div class="comment-top">
                    <div class="th1">评价</div>
                    <div class="th2">商品</div>
                </div>
                <div class="comment-main">
                    <div id="tab2" class="commentlist">
                        <div class="pic"><img src="./img/order/cmt1.jpg"></div>
                        <div class="cmt">
                            <p> 宝贝非常漂亮，超级喜欢！！！ 口红颜色很正呐，还有第两支半价，买三支免单一支的活动，下次还要来买。就是物流太慢了，还要我自己去取快递，店家不考虑换个物流么？</p>
                            <div class="cmt-pic"><i class="fa fa-camera" aria-hidden="true"></i></div>
                            <span>2017-11-25</span>
                        </div>
                        <div class="intro">
                            <p class="intro-p1">美康粉黛醉美唇膏 持久保湿滋润防水不掉色</p>
                            <p><span>颜色：12#玛瑙</span><br> <span>包装：裸装</span> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="footer-hd">
        <p>
            <a href="index.html">WESHOP</a>
            <b>|</b>
            <a href="index.html">商城首页</a>
            <b>|</b>
            <a href="#">支付宝</a>
            <b>|</b>
            <a href="#">物流</a>
        </p>
    </div>
    <div class="footer-bd">
        <p>
            <a href="#">关于我们</a>
            <a href="#">合作伙伴</a>
            <a href="#">联系我们</a>
            <a href="#">网站地图</a>
        </p>
    </div>
</footer>
<script src="js/lib/jquery.min.js"></script>
<script src="js/comment.js"></script>
</body>
</html>